import React from 'react'
import Tabs from 'react-simpletabs'
import Dimensions from 'react-sizeme'

import AssetSettingGrid from './AssetSettingGrid'

class AssetSettingBody extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
      console.log("Dimensions ==> ", this.props.size.width, this.props.size.height);

      return (
        <div className="content-body asset-content-body" >
          <Tabs>
            <Tabs.Panel title='图文消息'>
              <AssetSettingGrid />
            </Tabs.Panel>
            <Tabs.Panel title='图片'>
              <h2>管理图片素材（一期暂不作）</h2>
            </Tabs.Panel>
            <Tabs.Panel title='语音'>
              <h2>管理语音素材（一期暂不作）</h2>
            </Tabs.Panel>
            <Tabs.Panel title='语音'>
              <h2>管理视频素材（一期暂不作）</h2>
            </Tabs.Panel>
          </Tabs>
        </div>
      );
  }
}

export default Dimensions()(AssetSettingBody)
